<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"> 

<ui:composition>
<div class="row-fluid" style="background: #FFFFFF;">
	<div class="span1"></div>
	<div class="span10">
		<h3>Atualização de Produtos</h3>
		<br />
		
		<h:form prependId="false" id="formSelectProd">
			<div class="row-fluid">
				<div class="span3">
					<h:outputLabel for="produto" value="Produto: *" />
				</div>
				<div class="span5">
					<h:selectOneMenu id="produto" value="#{atuProdutoBean.produtoSelecionado}" styleClass="inputAjust" requiredMessage="Escolha o Produto">
						<f:selectItem itemLabel="Selecione o Produto" itemValue="" />
						<f:selectItems value="#{atuProdutoBean.listaItemProduto}" />
						
						<f:ajax listener="#{atuProdutoBean.carregarProduto}" render=":formAtuProd"/>
					</h:selectOneMenu>
				</div>
				<div class="span2"></div>
			</div>
		</h:form>
		
		<h:form prependId="false" id="formAtuProd">
			<p:growl id="growl" sticky="true" showDetail="true" />
			
			<div class="row-fluid">
				<div class="span12">
					<div class="span3">
						<h:outputLabel for="nome" value="Nome: *" />
					</div>
					<div class="span5">
						<p:inputText id="nome" value="#{atuProdutoBean.produto.nome}" required="true" label="Nome" requiredMessage="Digite o Nome" styleClass="inputAjustText"/>
					</div>
					<div class="span2"></div>
				</div>
				<div class="span12">
					<div class="span3">
						<h:outputLabel for="valor" value="Valor: *" />
					</div>
					<div class="span5">
						<p:inputText id="telefone" value="#{atuProdutoBean.produto.valor}" required="" label="Telefone" styleClass="inputAjustText"/>	
					</div>
					<div class="span2"></div>
				</div>
				
				<div class="span12">
					<div class="span3">
						<p:commandLink id="btSalvar" styleClass="btn btn-default" action="#{atuProdutoBean.atualizarProduto}" icon="ui-icon-check" process=":formAtuProd" update=":formAtuProd" ajax="false" style="margin:0; margin-top:15px;">Salvar</p:commandLink>
					</div>
					<div class="span3">
						<p:commandLink id="btCancelar" styleClass="btn btn-default" action="#{atuProdutoBean.cancelar()}" icon="ui-icon-check" style="margin:0; margin-left:10px; margin-top:15px;">Cancelar</p:commandLink>
					</div>
				</div>
				<div class="span12"></div>
				<div class="span12"></div>
			</div>
		</h:form>
	</div>
	<div class="span1"></div>
</div>
</ui:composition>
</html>